/**
 * 
 * @param {*菜单选择器} menuSel 
 * @param {*内容选择器} contSel 
 * @param {*菜单激活类名} menuClass 
 * @param {*内容激活类名} contClass 
 */
function tabs(menuSel, contSel, menuClass, contClass) {
    let menuItem = document.querySelectorAll(menuSel);
    let contItem = document.querySelectorAll(contSel);
    let index = 0;
    menuItem.forEach(function(dom, i) {
        dom.addEventListener('click', function() {
            menuItem[index].classList.remove(menuClass);
            dom.classList.add(menuClass);

            contItem[index].classList.remove(contClass);
            contItem[i].classList.add(contClass)
            index = i;
        })
    })
};

tabs('.menu-item', '.cont-item', 'active', 'block')